.center{
    width:100%;
    height:473px;
    background: #21B39E;
}
.center .center-contain{
    width:986px;
    height:473px;
    position: relative;
    margin:0 auto;
}
.center .center-img{
    width:641px;
    height:473px;
    background:url(../images/login.png);
    float: left;
}
.center-login{
    width:346px;
    height:370px;
    background: white;
    float:right;
    position: absolute;
    top:54px;
    right:0;
}
.center-login-list{
    width:346px;
    height:66px;
    border-bottom: 1px solid #f4f4f4 ;
    color: #666;
    padding:0 50px;
    box-sizing: border-box;
}
.center-login-list li{
    display: inline-block;
    font-size: 20px;
    height:66px;
    line-height: 66px;
    font-weight: bold;
}
.center-login-list span{
    color: #f4f4f4;
    padding:0 28px;
}
.center-login-list .red{
    color:#c33;
}
.center-login .input-box {
    width:346px;
    height:40px;
}
.center-login .input-1{
    padding:34px 20px 20px;
    box-sizing: border-box;
}
.center-login .input-2{
    padding:20px;
    box-sizing: border-box;
    margin-top:20px;
}
.center-login .input-box input{
    display: block;
    height:38px;
    width:260px;
    float: left;
    outline: none;
    font-size:16px;
    color: #666;
    text-indent: 0.5em;
    border:1px solid #A9A9A9;
}
.input-box span{
    display: block;
    width:38px;
    height:38px;
    float: left;
    border:1px solid #A9A9A9;
    border-right:none;
}
.input-1 span{
    background: url(../images/login-touxiang.png) center;
}
.input-2 span{
    background: url(../images/login-suo.png) center;
}
.wj-psd{
    float: right;
    font-size: 12px;
    position:absolute;
    top:220px;
    right:23px;
}
.wj-psd a{
    color: #666;
}
.wj-psd a:hover{
    color:#c33;
    text-decoration: underline;
}
button{
    clear: both;
    /*display: block;*/
    width:300px;
    height:40px;
    position:absolute;
    top:250px;
    left:20px;
    border:none;
    outline: none;
    background: #E4393C;
    font-size:21px;
    color:white;
    font-weight: bold;
    letter-spacing: 1em;
    padding-left:40px;
    box-sizing: border-box;
    cursor: pointer;
}
.center-login .center-foot{
    width:inherit;
    height:50px;
    position:absolute;
    top:320px;
    border-top:1px solid #f4f4f4;


}
.center-foot ul{
    margin:0 22px;
}
.center-foot ul span{
    color: #ccc;
}
.center-foot ul li{
    display: inline-block;
    line-height: 50px;
    font-size:14px;
    padding-left:27px;
    cursor: pointer;
}
.center-foot ul li a{
    color: #666;
}
.center-foot ul .li-right{
    float: right;
    background: url(../images/denglu.png) no-repeat left 18px;
}
.center-foot ul .qq{
    background: url(../images/qq.png) no-repeat center left;
}
.center-foot ul .weixin{
    background: url(../images/weixin.png) no-repeat left center ;
}
.center-foot ul .li-right a{
    color:#c33;
}
.center-foot ul li a:hover{
    color: #c33;
    text-decoration: underline;
}